*{
    margin: 0px;
    padding: 0px;
}
.cont{
    width: 500px;
    height: 260px;
    background-color: #e9e9e9;
    padding: 20px;
}
.boxa{
    width: 94px;
    height: 128px;
    background-color: white;
    text-align: center;
    border: 1px solid #dedede;
    float: left;
    position: relative;
    z-index: 5;
}
.boxa img{
    width: 82px;
    height: 94px;
    margin-top: 6px;
}
.boxa p{
    font-size: 6px;
}
.title{
    width: 200px;
    height: 33px;
    line-height: 32px;
    text-align: center;
    font-size: 13px;
    background-color: white;
    position: absolute;
    top: 120px;
    left: 176px;
    border: 1px solid #dedede;
    z-index: 999;
}
.title p{
    font-weight: bold;
}
.boxa:nth-child(1){
    transform: translate(10px,10px) rotate(15deg) scale(1);
}
.boxa:nth-child(2){
    transform: translate(-10px,-10px) rotate(-15deg) scale(1);
}
.boxa:nth-child(3){
    transform: translate(-10px,-20px) rotate(10deg) scale(0.6);
}
.boxa:nth-child(4){
    transform: translate(-30px,30px) rotate(-15deg) scale(1.2);
}
.boxa:nth-child(5){
    transform: translate(-30px,-30px) rotate(15deg) scale(0.7);
}
.boxa:nth-child(6){
    transform: translate(10px,10px) rotate(-15deg) scale(1.3);
}
.boxa:nth-child(7){
    transform: translate(50px,-60px) rotate(15deg) scale(2);
    z-index: 1;
}
.boxa:nth-child(8){
    transform: translate(10px,-1px) rotate(-19deg) scale(1.1);
}
.boxa:nth-child(9){
    transform: translate(10px,-10px) rotate(10deg) scale(1.1);
}
.boxa:nth-child(10){
    transform: translate(10px,-10px) rotate(-10deg) scale(1.1);
}